<%--
    Document   : reservaCitaPreColegiado
    Created on : 8/06/2009, 08:22:59 PM
    Author     : WILLIAM GASTAÑUEDI
--%>

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib prefix="r" uri="http://richfaces.ajax4jsf.org/rich" %>

<script language="javascript" src="../js/funciones.js"></script>
<link href="/colegiatura/Estilos/estilosEsymons.css" rel="stylesheet" type="text/css" />

<f:view>
<h:form>
<table width="100%" border="0" cellspacing="1">
  <tr><td colspan="5" align="left" class="texto3">
        <h:outputLabel value="Reservar Cita" styleClass="texto3" /> </td>
  </tr>
  <tr><td colspan="5" height="30"></td></tr>
  <tr><td colspan="5">
<fieldset>
  <legend>Pre - Inscrito</legend>
  <table width="100%" border="0">
    <tr><td width="132">&nbsp;</td>
    <td width="140" align="left">
    <h:outputLabel value="Nombre :" styleClass="texto20" /> </td>
    <td width="939" height="25" colspan="3" align="left">
    <h:outputLabel value="#{preInscripcionController.nombreColegiado}" styleClass="texto12"/></td>
</tr>
  </table>
</fieldset>        
</td></tr>
  <tr><td colspan="5" height="25" align="left">
   <h:outputLabel value="seleccione una cita:" styleClass="texto12" /></td></tr>
  <tr><td colspan="5" height="20"></td></tr>
  <tr><td colspan="5" align="center" >
      <r:dataTable value="#{preInscripcionController.listaDisponibles}" var="cita" id="TableCitas" 
      rows="10" reRender="dt" border="0" headerClass="texto18" rowClasses="TableImpar,TablePar">
         <r:column width="120" filterBy="#{citas.fechaCita}" filterEvent="onkeyup">
                  <f:facet name="header">
                      <h:outputLabel value="Fecha" />
                  </f:facet>
                  <h:outputLabel value="#{cita.fechaCita}" styleClass="texto20" />
              </r:column>
              <r:column width="120" filterBy="#{cita.cithoraInicio}" filterEvent="onkeyup">
                  <f:facet name="header">
                      <h:outputLabel value="Hora" />
                  </f:facet>
                  <h:outputLabel value="#{cita.cithoraInicio}" styleClass="texto20" />
              </r:column>
              <r:column width="150" filterBy="#{cita.estado.eciNombre}" filterEvent="onkeyup">
                  <f:facet name="header">
                      <h:outputLabel value="Estado" />
                  </f:facet>
                  <h:outputLabel value="#{cita.estado.eciNombre}"  styleClass="texto20" />
              </r:column>
              <r:column width="110" >
                  <f:facet name="header"></f:facet>
                  <h:commandButton  action="#{preInscripcionController.grabaCita}"
                        image="/imagenColegiatura/iconAceptar.png" title="Reservar Cita" >
                      <f:setPropertyActionListener target="#{preInscripcionController.cita}" value="#{cita}" />
                  </h:commandButton>
              </r:column>
              <f:facet name="footer">
                <r:datascroller id="dt" renderIfSinglePage="false" />
              </f:facet>
          </r:dataTable>
      </td>
  </tr>  
</table>
</h:form>
</f:view>